<!-- @format -->

<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>Document</title>
	</head>

	<body>
		<h1>0</h1>
		<script>
			// 周期函数【间歇函数】的语法 setInterval(函数, 间隔时间)
			const h1 = document.querySelector("h1");
			let i = 0;
			// 1. 用匿名函数
			setInterval(function () {
				++i;
				h1.innerText = i;
			}, 1000);

			// 2. 用具名函数
			function fn() {
				++i;
				h1.innerText = i;
			}
			setInterval(fn, 1000);

			// 如何中断一个定时器的执行
			// 1. 给定时器取名
			const interval = setInterval(fn, 1000);
			// 2. 停止定时器
			clearInterval(interval);
		</script>
	</body>
</html>
